/*///////////////////////////////////////*

	An exclusive script by Jigowatt
	PHP Login by Christopher Balchin
	Modified: 07/07/2009 Version: 1.0
	Filename: PHP Login CSS
	
////////////////////////////////////////*/

* { outline: none; }

body { 
	font: 62.5% "Lucida Grande", Arial, sans-serif; 
	color: #333333;
	margin: 0;
	padding: 0;	
	font-size:14px;
}

li
{
	list-style-type: none;
	float:left;
	margin-left:5px;
}
#header-wrap {
	background: url(images/tommy/header.png) repeat-x top;
}

#admin-header {
	height: 145px;
	width: 380px;
	margin: 0 auto;
	position: relative;
}

#admin-header h1 {
	position: absolute;
	top: 15px;
	height: 100px;
	width: 380px;
	background: url(images/tommy/logo.png) no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
}

#header h1 a {
	width: 380px;
	height: 130px;
	display: block;
	text-align: -9999px;
}

h1, h2, h3, h4, h5 { color:#222; }
p, li { line-height: 1.5em; }

a { color: #000; }
a:hover { text-decoration: none; }

h1 { font: 30px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:30px 0 0 0; margin: 0; }
h2 { font:15px Arial, Helvetica, sans-serif; padding: 0  0 3px 0; margin-bottom: 0; }

.list { margin: 0 auto; width: 380px; padding: 10px; background-color: #fff; }

.exists { background: #FBE3E4 url(assets/cross.gif) no-repeat 98% center; border-color: #FBC2C4; color:#8a1f11; }
.avail { background: #D6FFD8 url(assets/success.gif) no-repeat 98% center; border-color: #A0D997; color:#436213; }

#main, #header, #footer {
margin: 0 auto; width: 540px; margin-bottom: 10px; overflow: hidden; }

#main { padding: 15px; width: 510px; border: 1px solid #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius:10px; background:#fff; }
#title { float: left; }
#title a { color: #333; }

#login { margin: 30px 0; float: right; }
#logout { margin: 30px 0; float: right; }


.error_message { display: block; /*height: 22px; line-height: 22px;*/ background: #FBE3E4 url(../images/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 3px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.error_message_panel {  background: #ffffcc url(../images/error.gif) no-repeat 10px 10px;}

.success_message { display: block; /*height: 22px;*/ line-height: 22px; padding: 3px 10px 3px 35px; margin: 3px 0; color:#666; border: 1px solid #A0D997; -moz-border-radius: 5px; -webkit-border-radius:5px; background-color: #D6FFD8; background-image: url(../images/success.gif); background-repeat: no-repeat; background-position: 10px center; color:#436213; }
.success_message_panel {  background: #ffffcc url(../images/success.gif) no-repeat 10px 10px;}

.warning_message { display: block; /*height: 22px; line-height: 22px;*/ background: #ffffcc url(../images/warning.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 3px 0; color:#666666;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.warning_message_panel {  background: #ffffcc url(../images/warning.gif) no-repeat 10px 10px;}

#footer { text-align: right; font-size: 10px; }

label { display:block; font-weight:bold; color:#333333; font:16px Arial, Helvetica, sans-serif; margin:12px 0 4px; }

input,select { border:1px solid #eee; height:30px; width:200px; font:14px Arial, Helvetica, sans-serif; color:#333333; }

input[type=submit], input.submit,.submit { width:auto; background:#6699CC; border:1px solid #666666; color:#fff; font-weight:bold; margin-top:15px; cursor:pointer; width:auto; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; }

input[type=submit]:hover, input[type=submit]:focus, input.submit:hover, input.submit:focus ,.submit:hover,.submit:focus{ background:#acacac; color:#fff; }

ul.success-reg { margin: 5px 0; padding:0; };
ul.success-reg li { line-height: 25px; color: #999; list-style: none; }
span.success-info { width: 70px; }

input.edit_search { width:400px; }
input:focus, textarea:focus { border-color:#ccc; color:#555; }

ul.success-reg { margin:10px 10px 10px 0; font-size:120%; }

ul.success-reg li { padding: 5px 0; list-style: none; color: #999; border-bottom:1px dotted #ccc; }

ul.success-reg li span.success-info b { padding-right:5px; color:#222; display:inline-block; width:80px; }

.credentials { width:149px; float:left; text-align: center; padding:0 5px; margin:10px 5px; border-right:1px dotted #ccc; }

/* Form style */

fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #08c; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }

/* Buttons */

a.admin { display:block; width:250px; height:52px; background:url(assets/btn_adminpanel.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }
a.admin:hover { background-position:top; }

a.protected { display:block; width:250px; height:52px; background:url(assets/btn_protected1.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px;}
a.protected:hover { background-position:top; }
a.protected2 { display:block; width:250px; height:52px; background:url(assets/btn_protected2.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }

a.protected2:hover { background-position:top; }
a.protected3 { display:block; width:250px; height:52px; background:url(assets/btn_protected3.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; }
a.protected3:hover { background-position:top; }

a.register { display:block; width:509px; height:52px; background:url(assets/btn_register.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; }
a.register:hover { background-position:top; }

hr { height:1px; background:#ccc; border:none; }

.clearboth
{
	clear:both;
}

.topmenu
{
	width:100%;
	height:30px;
	background-color:#6699cc;
	
}
.topmenu a
{
	color:#FFFFFF;
}
.topmenu .left
{
	float:left;
	margin:0px;
	margin-top:3px;
	margin-right:10px;
	color:#FFFFFF;
	padding-left:10px;
}
.topmenu .left li
{
	padding-right:15px;
}
.topmenu .right
{
	float:right;
	margin:0px;
	margin-top:3px;
	margin-right:50px;
	color:#FFFFFF;
}
.topmenu ul
{
	
}
.topmenu ul li
{
	list-style-type:none;
	float:left;
	font-size:14px;
}
.toolbox
{
padding:5px;
height:50px;
}
.toolbox div
{
	float:left;
	background-color:#FFFFFF;
	border:solid 1px #aaaaaa;
	list-style-type:none; 
	margin-left:5px;
	margin-right:15px;
}
.toolbox div a
{
	display:block;
	width:40px;
	height:50px;
	
}
.toolbox .save a
{
	 background-image: url(../images/save.jpg);
	 background-repeat: no-repeat;
	 
}
.toolbox .clear a
{
	 background-image: url(../images/clear.jpg);
	 background-repeat: no-repeat;
	 
}
.toolbox .fullform
{
	border:none;
	width:100px;
}
.leftbox
{
	float:left;
	width:250px;
	border-right:solid 1px #aaaaaa;
	border-bottom:solid 1px #aaaaaa;
	padding:8px;
}
.rightbox
{
	margin-left:10px;
	float:left;
	width:10px;
	border:0px;
	
}
.formfieldbox
{
	border:solid 1px #aaaaaa;
	padding:0 5px 5px 5px;
	margin-bottom:10px;
}
.formfieldbox label
{
	margin: 5px 0 4px;
}
#subjectPropertyPanel
{
	border:solid 1px #aaaaaa;
	padding:2px;
	height:400px;
}
#subjectPropertyPanel ul
{
	float:left;
	padding:0px;
}
#subjectPropertyPanel ul li
{
	float:left;
	list-style-type:none; 
	width:100px;
	font-size:12px;
	overflow:hidden;
	display:block;
}
#subjectPropertyPanel .label
{
	font-size: 12px;
    font-weight: bold;
    width: 120px;
}
#maindiv{
	width:90%;
	margin:0 auto;
}
.topcatalog
{
	border:solid 1px #aaaaaa;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	font-size:18px;
	border-radius:10px;
	float:left;
}
.topcatalog ul
{
	margin:5px;
	float:left;
	padding:0px;
}
.topcatalog ul li
{
	margin-left:30px;
	padding:4px;
}
.topcatalog .manage
{
	font-size:14px;
	color:blue;
}
.topcatalog  .current
{
	border:solid 1px #aaaaaa;
	border-radius:5px;
	background-color:#cbcbcb;
}
.topcatalog  .current a
{
	text-decoration:none;
}
.topcatalog  .notshow a
{
	color:green;
}
.notshow
{
	color:green;
}
.formpanel
{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CBCBCB;
    padding: 15px;
	border-radius:10px;
	float:left;
}